<div id="header" class="page-navbar header-fixed">
    <!-- .navbar-brand -->
    <a href="index.html" class="navbar-brand">
        <!-- <img src="img/logo.png" class="logo hidden-xs" alt="Dynamic logo"> -->
        <!-- <img src="img/logosm.png" class="logo-sm hidden-lg hidden-md" alt="Dynamic logo"> -->
    </a>
    <!-- / navbar-brand -->
    <!-- .no-collapse -->
    <div id="navbar-no-collapse" class="navbar-no-collapse">
        <!-- top left nav -->
        <ul class="nav navbar-nav">
            <li class="toggle-sidebar">
                <a href="#">
                    <i class="fa fa-reorder"></i>
                    <span class="sr-only">Collapse sidebar</span>
                </a>
            </li>

        </ul>
        <!-- / top left nav -->
        <!-- top right nav -->
        <ul class="nav navbar-nav navbar-right">


            <li>
                <a ng-click="logout()">
                    <i class="fa fa-power-off"></i>
                    <span class="sr-only">Logout</span>
                </a>
            </li>

        </ul>
        <!-- / top right nav -->
    </div>
    <!-- / collapse -->
</div>